<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta charset="utf-8" />
    <title>ServiceManageGrSearchCURD</title>

    <script src="__PUBLIC__/static/jqgrid/js/jquery-1.11.0.min.js"></script>
    <script type="text/ecmascript" src="__PUBLIC__/static/jqgrid/js/jquery.jqGrid.min.js"></script>
    <script type="text/ecmascript" src="__PUBLIC__/static/jqgrid/js/i18n/grid.locale-en.js"></script>

    <link rel="stylesheet" type="text/css" media="screen" href="__PUBLIC__/static/jqgrid/css/ui-lightness/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="__PUBLIC__/static/jqgrid/css/ui.jqgrid.css" />
    <link rel="stylesheet" href="__PUBLIC__/static/mycss/my.css" />

</head>
<body>
<div class="span9">
    人员信息
    <table class="gridtable">
        <tr>
            <td>手机<input type="text" name="" id="" value="手机"/></td>
            <td>初始密码<input type="password" name="" id=""/></td>
            <td>确认密码<input type="password" name="" id=""/></td>
        </tr>
        <tr>
            <th>姓名</th>
            <td colspan="2"><input type="text" name="" id="" value="姓名"/></td>
        </tr>
        <tr>
            <th>身份证</th>
            <td><input type="text" name="" id="" value="身份证"/></td>
            <td>性别
                <select>
                    <option value="1" selected>男</option>
                    <option value="2">女</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>居住地区
                <select>
                    <option value="1" selected>男</option>
                    <option value="2">女</option>
                </select>
            </td>
            <td>省
                <select>
                    <option value="1" selected>男</option>
                    <option value="2">女</option>
                </select>
            </td>
            <td>市/县
                <select>
                    <option value="1" selected>男</option>
                    <option value="2">女</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>服务内容</td>
            <td>商品类型
                <select>
                    <option value="1" selected>男</option>
                    <option value="2">女</option>
                </select>
                商品类目
                <select>
                    <option value="1" selected>男</option>
                    <option value="2">女</option>
                </select>
            </td>
            <td>
                商品名称
                <select>
                    <option value="1" selected>男</option>
                    <option value="2">女</option>
                </select>
                服务类型
                <select>
                    <option value="1" selected>男</option>
                    <option value="2">女</option>
                </select>
            </td>
        </tr>
    </table>

    <table id="jqGrid"></table>

    <div id="jqGridPager"  class="div"></div>

    <script type="text/javascript">
        $(document).ready(function () {
            $("#jqGrid").jqGrid({
                url: 'index.php?s=/home/Gridjson/getServiceManageIndexJson',
                datatype: "json",
                colModel: [
                    { label: 'ID', name: 'id', width: 75 },
                    { label: '日期', name: 'inputdatetime', width: 90 },
                    { label: '帐号', name: 'tbaccount', width: 100 },
                    { label: '手机', name: 'tbmobile', width: 80},
                    { label: '商家', name: 'tbofflinemallid', width: 80 }
                ],
                loadonce: true,
                width: 800,
                height: 250,
                rowNum: 10,
                viewrecords: true,
                pager: "#jqGridPager",
                caption: "扫码购物用户信息"
            });
        });

    </script>
</div>
</body>
</html>